<!-- table node type -->
<script type="jtk" id="tmplTable">
    <div class="table1 node">
        <div class="name node">
            ${name}
        </div>

        <ul class="table-columns">
            <r-each in="columns">
                <r-tmpl id="tmplColumn"/>
            </r-each>
        </ul>
    </div>


</script>
<!-- table node type -->
<script type="jtk" id="tmplTableLineage">
    <div class="table1 node">
        <div class="name node" style="padding:1px;line-height:0px;">
            <div class="row" title="数据库的名称:${databaseName},表名称:${name}">
                <h4>
                ${name}
                </h4>
            </div>
            <div class="row" style="text-align: left;">
                <div class="col-sm-6">
                    <i class="fa fa-server" title="节点名称">${nodeName}</i>
                </div>
                <div class="col-sm-6">
                    <i class="fa fa-bar-chart" title="数据量统计">${dataCount}</i>
                </div>
            </div>
        </div>
        <ul class="table-columns">
            <r-each in="columns">
                <r-tmpl id="tmplColumn"/>
            </r-each>
        </ul>
    </div>


</script>
<!-- view node type -->
<script type="jtk" id="tmplView">
    <div class="view node">
        <div class="name">
            <div class="view-delete" title="Click to delete">
                <i class="fa fa-times"/>
            </div>
            <span>${name}</span>
            <div class="edit" title="Click to edit">
                <i class="fa fa-pencil"/>
            </div>
        </div>
        <div class="view-details">${query}</div>
    </div>



</script>

<!-- table column template -->
<script type="jtk" id="tmplColumn">
    <li class="table-column table-column-type" primary-key="${primaryKey}" data-port-id="${id}" title="${des}">
        <div><span>${id}:${typeStr}</span></div>
        <jtk-source port-id="${id}" port-type="column" scope="${datatype}" filter=".table-column-delete, .table-column-delete-icon, span, .table-column-edit, .table-column-edit-icon" filter-exclude="true"/>
        <jtk-target port-id="${id}" port-type="column" scope="${datatype}"/>
    </li>



</script>
<!--点击保存按钮后弹出的框，取消和确认键自动生成-->
<script type="jtk" class="dlg" id="saveMap" title="">
    <div>${saveMapStr}</div>



</script>

<!-- edit relationship -->
<script type="jtk" class="dlg" id="dlgRelationshipType" title="Edit Relationship">
    <div class="db-cardinality">
        <ul>
            <li>
                <label>
                    <input type="radio" name="rType" value="1:1" jtk-focus jtk-att="type" checked/>
                    1:1 - One to One
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="rType" value="1:N" jtk-att="type"/>
                    1:N - One to Many
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="rType" value="N:M" jtk-att="type"/>
                    N:M - Many to Many
                </label>
            </li>
        </ul>
    </div>



</script>

<!-- edit column type and key details -->
<script type="jtk" class="dlg" id="dlgColumnEdit" title="Edit Column">
    <div class="db-column-type">
        <label>
            <div class="form-labels-float">id:</div>
            <div class="pull-left"><input class="" jtk-att="id" jtk-focus jtk-commit="true"/></div>
            <div class="clearfix"/>
        </label>

        <div class="checkbox-id">
            <label>
                <input type="checkbox" class="chkPrimaryKey" jtk-att="primaryKey"/>
                Primary Key
            </label>
        </div>

        <p>
            <div class="form-labels">Type:</div>
            <div class="clearfix"></div>
            <ul>
                <li>
                    <label>
                        <input type="radio" name="cType" value="integer" jtk-focus jtk-att="datatype"/>
                        Integer
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cType" value="varchar" jtk-att="datatype" checked/>
                        Varchar
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cType" value="date" jtk-att="datatype"/>
                        Date
                    </label>
                </li>
            </ul>
        </p>
    </div>



</script>

<!-- edit view query -->
<script type="jtk" class="dlg" id="dlgViewQuery" title="Edit Query">
    <textarea class="txtViewQuery" jtk-focus jtk-att="query" jtk-commit="true"/>



</script>

<!-- edit name (table or view) -->
<script type="jtk" class="dlg" id="dlgName" title="Enter Name">
    <input type="text" size="50" jtk-focus jtk-att="name" jtk-commit="true"/>



</script>

<script type="jtk" class="dlg" id="dlgConfirm" title="Please Confirm">
    ${msg}?



</script>

<script type="jtk" class="dlg" id="dlgMessage" title="Message" cancel="false">
    ${msg}



</script>

<!-- 拓扑图根 -->
<script type="jtk" id="tmplRoot">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
            <div id="${id}" class="exsp">
                <i class="fa ${css}"/>
            </div>
             <li class="glyphicon glyphicon-globe" style="color:#3BADE5;"></li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -20px;">FUSION
            </span>
        </div>
    </div>



</script>
<!--拓扑图前置机-->
<script type="jtk" id="tmplFront">

         <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
           <div id="${id}" class="exsp">
               <i class="fa ${css}"/>
           </div>
            <li class="glyphicon glyphicon-hdd jtk-map-front-tooltip" tooltipId="${id}" style="color:#3BADE5;cursor: pointer;"></li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>



</script>
<!--拓扑图节点-->
<script type="jtk" id="tmplNode">

    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
            <li class="glyphicon glyphicon-align-justify jtk-map-node-tooltip" id="${id}" style="color:#3BADE5;cursor: pointer;"></li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>


</script>

<!-- 首页拓扑图[根节点] -->
<script type="jtk" id="indexRoot">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none">
        <div class="icon info-box-content" style="margin-left: 0px;">
             <li class="glyphicon glyphicon-globe" style="color:#3BADE5;"></li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -20px;">FUSION</span>
        </div>
    </div>

</script>

<!-- 首页拓扑图[前置机] -->
<script type="jtk" id="indexFront">
     <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
             <li class="dropdown messages-menu">
                    <li class="glyphicon glyphicon-hdd" style="color:#3BADE5;" value="${onLine}"></li>
                    <span id="${id}" class="stat-warning-info index-data-node-a" style="cursor: pointer">${unProcessedEventNum}</span>
            </li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>

</script>

<!-- 首页拓扑图[数据节点] -->
<script type="jtk" id="indexDataNode">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;background-color:none">
        <div class="icon info-box-content" style="margin-left: 0px;">
             <li class="dropdown messages-menu">
                    <li class="glyphicon glyphicon-align-justify" style="color:#3BADE5;" value="${onLine}"></li>
                    <span id="${id}" class="stat-warning-info index-data-node-a" style="cursor: pointer">${unProcessedEventNum}</span>
            </li>
            <span class="info-box-text users-list-date" style="position:fixed;text-transform: none;margin-top: -12px;">${name}</span>
        </div>
    </div>

</script>


<!--资源状态-->
<script type="jtk" id="resourceStateRoot">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none">
        <div class="icon info-box-content" style="margin-left: 0px;">
            <li class="glyphicon glyphicon-globe" style="color:#3BADE5;"></li>
            <span class="node-name" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>

</script>

<script type="jtk" id="resourceStateClassified">
     <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
            <li class="glyphicon glyphicon-th-list" style="color:#3BADE5;" value="${onLine}"></li>
            <span data-online-classified-code="${code}" class="state-online-info" style="cursor: pointer">${onlineNum}</span>
            <span data-offline-classified-code="${code}" class="state-offline-info" style="cursor: pointer">${offlineNum}</span>
            <span class="node-name" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>

</script>

<!--资源目录-->
<script type="jtk" id="resourceRoot">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none">
        <div class="icon info-box-content" style="margin-left: 0px;">
            <li class="glyphicon glyphicon-globe" style="color:#3BADE5;"></li>
            <span class="node-name" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>

</script>

<script type="jtk" id="resourceClassified">
     <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;">
        <div class="icon info-box-content" style="margin-left: 0px;">
             <li class="dropdown messages-menu">
                <li class="glyphicon glyphicon-th-list" style="color:#3BADE5;" value="${onLine}"></li>
             </li>
             <span class="node-name" style="position:fixed;text-transform: none;margin-top: -20px;">${name}</span>
        </div>
    </div>

</script>

<script type="jtk" id="resourceService">
    <div class="jtk-map-node info-box" style="width:120px;height:140px;z-index:999;box-shadow:none;background-color:none">
        <div class="icon info-box-content" style="margin-left: 0px;">
             <li class="dropdown messages-menu">
                <li class="glyphicon glyphicon-th-large service-node" id="${id}" style="color:#3BADE5;" value="${onLine}"></li>
             </li>
             <span class="node-name" style="position:fixed;text-transform: none;margin-top: -12px;">${name}</span>
        </div>
    </div>

</script>
